<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form th:action="@{/add}" method="post">
    <h3>添加供应商联系人</h3>
    <p>
        联系人姓名：<input type="text" name="cname" placeholder="请输入联系人姓名">
    </p>
    <p>
        联系人年龄：<input type="text" name="age" placeholder="请输入联系人年龄">
    </p>
    <p>
        手机号：<input type="text" name="mobile" placeholder="请输入手机号">
    </p>
    <p>
        创建日期：<input type="date" name="createdate">
    </p>
    <p>
        所属供应商：
        <select name="pid">
            <option value="0">--请选择--</option>
            <span th:each="all : ${all}">
                <option th:text="${all.sname}" th:value="${all.id}"></option>
            </span>
        </select>
    </p>

    <p>
        <input type="submit" value="添加">
    </p>
</form>

<script src="/js/jquery.js"></script>
<script>
    $(function (){
        $('form').submit(function (){
            let cname= $("input[name='cname']").val();
            let age= $("input[name='age']").val();
            let mobile= $("input[name='mobile']").val();
            let createdate= $("input[name='createdate']").val();
            let pid= $("select[name='pid']").val();

            //非空判断
            if (cname===""){
                alert("联系人姓名不能为空！");
                return false;
            }
            if (age===""){
                alert("联系人年龄不能为空！");
                return false;
            }
            if (mobile===""){
                alert("手机号不能为空！");
                return false;
            }
            if (createdate===""){
                alert("创建日期不能为空！");
                return false;
            }
            if (pid===""){
                alert("所属供应商不能为空！");
                return false;
            }

            this.submit();
        })
    })
</script>
</body>
</html>